html,body.login-page{
    background-color:#1a8fb4;
}
.login-box {
    width:360px;margin:0 auto;margin-top:40px;
}
.login-body {
    width:360px;margin:0 auto;
}
.login-box-body {
    background: #fff none repeat scroll 0 0;
    border-top: 0 none;
    color: #666;
    padding: 20px
}
.login-box-msg{
    margin: 0;
    padding: 0 20px 20px;
    text-align: center;
}
.login-pet{
    width:100%;
    height:100px;
    margin-bottom:0;
    position:relative;
}

.login-box .login-pet .login-pet-head{
    width:211px;
    height:106px;
    position:absolute;
    overflow:hidden;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
    bottom:-7px;
    background:url("/assets/images/owl-login.png") 0 0 no-repeat;
}

.login-box .login-pet .login-pet-head .hand{

    background:url("/assets/images/owl-login-hand.png") center center no-repeat;
    background-size:contain;
    bottom: -7px;
    height: 34px;
    width: 34px;
    left: 14px;
    position: absolute;
    transition: all 0.3s ease-out 0s;

}
.login-box .login-pet .login-pet-head .hand:nth-of-type(2){
    left:167px;
}
.arms{
    width:100%;
    height:41px;
    overflow:hidden;
    position:absolute;
    left:0;
    top:58px;
}

.arms .arm{
    background:url("/assets/images/owl-login-arm.png") 0 0 no-repeat;
    height: 65px;
    left: 20px;
    position: absolute;
    top:40px;
    transform: rotate(-20deg);
    transition: all 0.3s ease-out 0s;
    width:40px;
}

.arms .arm:nth-of-type(2){
    left: 158px;
    transform: rotate(20deg) scaleX(-1);
}


.login-pet.password .arms .arm{
    transform: translateY(-40px) translateX(40px);
    -webkit-transform: translateY(-40px) translateX(40px);
    -moz-transform: translateY(-40px) translateX(40px);
}

.login-pet.password .arms .arm:nth-of-type(2){
    transform:translateY(-40px) translateX(-40px) scaleX(-1);
    -webkit-transform:translateY(-40px) translateX(-40px) scaleX(-1);
    -moz-transform:translateY(-40px) translateX(-40px) scaleX(-1);
}

.login-box .login-pet.password .login-pet-head .hand{
    transform: translateX(128%) translateY(-32%) scale(0.7);
    -webkit-transform: translateX(128%) translateY(-32%) scale(0.7);
    *-moz-transform: translateX(128%) translateY(-32%) scale(0.7);
    /*-moz-transform: translateX(42px) translateY(-15px) scale(0.7);*/
}

.login-box .login-pet.password .login-pet-head .hand:nth-of-type(2){
    transform: translateX(-128%) translateY(-32%) scale(0.7);
    -webkit-transform: translateX(-128%) translateY(-32%) scale(0.7);
    -moz-transform: translateX(-128%) translateY(-32%) scale(0.7);
}
.login-btn{
    width:100%;
    display:block!important;
}